<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document标题</title>
</head>

<body>
    HTML超文本标记语言: HyperText Markup Language<br>
    超文本:链接<br>
    标记: 标记也叫标签,带尖括号的文本<br>
    <br>br和hr都是单标签
    <hr>br是换行hr是水平线
    <hr>
    <strong>strong是加粗双标签</strong><br>
    怎么打出来尖括号本身? '`&lt;`' &lt;<br><br>

    html 网页本身<br>
    title 标题<br>
    head CSS<br>
    body 给用户看<br>

    <br><strong>h标签</strong><br>
    <h1>H1标题标签独占一行 只能用一次</h1>
    <h2>h2到h6没有使用限制</h2>

    <strong>p标签</strong><br>
    <p>字母p是段落标签,会换行;字母p是段落标签,会换行;字母p是段落标签,会换行;字母p是段落标签,会换行;字母p是段落标签,会换行;字母p是段落标签,会换行;字母p是段落标签,会换行;</p>

    <br><strong>文本格式化标签</strong><br>
    <p>文本格式化标签是具有强调含义的标签<br>
        <strong>strong或b是加粗</strong><br>
        <em>em或i是倾斜</em><br>
        <ins>ins或u是下划线</ins><br>
        <del>del或s是删除线</del><br>
    </p>

    <br><strong>img标签</strong><br>
    src是用于指定图像的位置的属性,是img标签必备的属性<br>
    alt 替换文本 图片无法显示时显示的文字<br>
    title 提示文本 鼠标悬停在图片上面的时候显示的文字<br>
    width 图片的宽度 值为数字 没有单位<br>
    height 图片的高度 值为数字 没有单位<br>
    <img src="./allen.jpg" title="这是title提示:艾伦" width="20%">宽度20%
    <img src="./allen.jpg" title="这是title提示:艾伦" height="100">高度100
    <img src="./alle1n.jpg" alt="20%">
    <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="20%" width="15%"><br>

    <br><strong>绝对路径与相对路径</strong><br>
    相对路径./是同级目录下 ../是上级目录下<br>
    绝对路径是从盘符出发<br>
    windows是\ 其他系统是/ 建议都写为/<br>

    <br><strong>a超链接标签</strong><br>
    <a href="https://www.bilibili.com" target="_blank">href跳转链接</a><br>
    <a href="./跳转本地html.html" target="_blank">跳转本地./即可 target属性是_blank即可新标签页跳转</a><br>
    <a href="#">href写#是空链接 不会跳转</a><br>

    <br><strong>audio音频标签</strong><br>
    src音频URL controls显示控制面板 loop循环播放 autoplay自动播放<br>
    在HTML5中 如果属性名和属性值完全一样,可以简写为一个单词 如controls="controls"可以简写为controls

    <br><strong>video视频标签</strong><br>
    src视频URL controls loop autoplay(前提是静音播放) muted静音播放

</body>

</html>